<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        .div1{

        }

        .div3-left{
            float:left;
        }

        .left-top{
            width: 800px;
            height: 620px;
            /*background: palevioletred;*/
            margin-top: 80px;
        }
        .top-title{
            width: 800px;
            height: 50px;
            background: antiquewhite;
        }
        .title-left{
            float: left;
            font-size: 26px;
            color: #ef4238;
        }
        .title-right{
            float: right;
            font-size: 18px;
            color: #ef4238;
            margin-top: 12px;
        }
        .top-body {
            width: 800px;
            height: 570px;
            background: burlywood;
        }

        .body-item{
            width: 160px;
            height: 260px;
            border: #efefef 1px solid;
            margin: 0 15px 30px 15px;
            float: left;
            position: relative;
        }
        .item-text:hover{
            background: #ef4238;
            color: white;
        }

        .item-text{
            line-height: 40px;
            color: #ef4238;
            font-size: 16px;
            text-align: center;

        }
        .imax{
            width: 62px;
            position: absolute;
            top: 5px;
            color: white;
            background: #4494ff;
            left: -3px;
            font-size: 14px;
        }
        .item-img{
            width: 160px;
            height: 220px;
            background: palevioletred;
        }
        .item-mark{
            width: 160px;
            height:30px;
            background: beige;
            position: absolute;
            bottom: 40px;

        }
        .mark-left{
            width: 80px;
            height: 30px;
            color: black;
            float: left;
            margin-left: 15px;
        }
        .mark-right{
            color: #ffb400;
            float: right;
            margin-right: 15px;
        }
        .div3-right{
            float: right;
        }

        .div4{
            height: 400px;
        }
    </style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3-left">
    <div class="left-top">
        <div class="top-title">
            <div class="title-left">
                正在热映（64部）
            </div>
            <div class="title-right">
                全部>
            </div>
        </div>
        <div class="top-body">
            <div class="body-item">
                <div class="imax"><b><i>2DIMAX</i></b></div>
                <div class="item-img">
                    <img src="./changjinhu.jpg" alt="">
                </div>
                <div class="item-text">购票</div>
                <div class="item-mark">

                    <div class="mark-left">长津湖</div>
                    <div class="mark-right">
                        <i style="font-size: 18px">9</i>
                        <i style="font-size: 14px">.5</i>
                    </div>
                </div>
            </div>
            <div class="body-item">            </div>
            <div class="body-item">            </div>
            <div class="body-item">            </div>
            <div class="body-item">            </div>
            <div class="body-item">            </div>
            <div class="body-item">            </div>
            <div class="body-item">            </div>
        </div>
    </div>
</div>
<div class="div3-right">

</div>
<div class="div4"></div>
</body>
</html>